<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		
		<form action="注册成功.html" onsubmit="return check();">
			用户名:<input type="text" name="username" id="username" /><br />
			密码:<input type="password" name="password" id="password"  /><br />
			真实名字:<input type="text" name="password" id="realname"  /><br />
			邮箱:<input type="text" name="password" id="email"  /><br />
			电话:<input type="text" name="password" id="tel"  /><br />
			<input type="submit" value="注册" />
			<input type="reset" value="重置" />
			
		</form>
		
		<script type="text/javascript">
			function check()
			{
				if(username.value == null || username.value.length<1)
				{
					alert("用户名不能为空");
					return false;
				}
				
				// 判断密码
				
				// 判断邮箱
				
				// 判断电话
				
				return true;
			}
		</script>
	</body>
</html>

// 练习 编写一个完整的用户注册页面
// 1. 包含以下字段: 用户名 密码 重复密码 性别 邮箱 电话号码 出生年月日 等等
// 2. 给所有输入框添加onfoucs onblur事件  获得焦点时输入框背景颜色变深 失去焦点背景变白
// 3. 给用户名输入框添加onchange事件  判断用户名是否长度大于4，不符合用alert提示用户
// 4. 给电话号码输入框添加onkeydown事件 阻止用户输入数字以外内容
// 5. 给表单添加onsubmit事件 判断所有内容是否符合要求才能提交（可以使用之前学习的正则来判断)
// *6. 给性别添加onchange事件 如果是男性显示一个男性的图片 女性显示一个女性的图片

